import styled from 'styled-components'
const Maid = styled.div `
    position: relative;
    padding:.05rem;
    width:100%;
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap:wrap;
    .img{
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .mask{
        position: absolute;
        left: 0%;
        top: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
    ul{
        width:1.14rem;
        /* height:1.72rem; */
        position: relative;
        padding-top: 0.15rem;
        overflow: hidden;
        li{
            color: #ffffff;
            &:nth-of-type(1){
                width:1.14rem;
                height:1.14rem;
                overflow: hidden;
                img{
                    width:100%;
                    height:100%；
                }
            }
            &:nth-of-type(2){
                font-size:.15rem;
                margin-top:.1rem;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
            &:nth-of-type(3){
                font-size:.12rem;
            }
            &:nth-of-type(4){
                position: absolute;
                bottom: .55rem;
                right:0.05rem;
                font-size:.11rem;
                color: #ffffff;
            }
        }
    }
    `
export {
    Maid
}